<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>企业管理系统 - 视频内容管理</title>
	<script src="js/jquery.js"></script>
    <link rel="stylesheet" href="css/all.min.css">
    <link rel="stylesheet" href="css/backVideo.css">
</head>

<body>
    <!-- 左侧导航栏 -->
    <div class="sidebar">
        <div class="logo">
            <div class="logo-text">后台管理系统</div>
        </div>

        <!-- 修改后的导航项 - 已移除"系统首页" -->
        <a href="#" class="nav-item active">
            <i class="fas fa-video"></i>
            <span>视频管理</span>
        </a>
        <a href="backDanmaku.html" class="nav-item">
            <i class="fas fa-comment-dots"></i>
            <span>弹幕管理</span>
        </a>
        <a href="backReview.html" class="nav-item">
            <i class="fas fa-check-circle"></i>
            <span>视频审核</span>
        </a>
        <a href="backComment.html" class="nav-item">
            <i class="fas fa-comments"></i>
            <span>评论管理</span>
        </a>
        <!-- 新增的用户管理模块 -->
        <a href="backUser.html" class="nav-item">
            <i class="fas fa-users"></i>
            <span>用户管理</span>
        </a>
        <a href="backData.html" class="nav-item">
            <i class="fas fa-chart-line"></i>
            <span>数据统计</span>
        </a>
        <a href="#" class="nav-item">
            <i class="fas fa-clipboard-list"></i>
            <span>日志管理</span>
        </a>
    </div>

    <!-- 主内容区 -->
    <div class="main-content">
        <!-- 顶部工具栏 -->
        <div class="top-bar">
            <div class="search-box">
            </div>

            <div class="user-actions">
                <div class="notification">
                    <i class="fas fa-bell"></i>
                </div>
                <div class="user-profile">
                    <div class="user-avatar">AD</div>
                    <div class="username">管理员</div>
                </div>
            </div>
        </div>

        <!-- 内容区域 -->
        <div class="content-area">
            <h1 class="section-title"><i class="fas fa-video"></i> 视频管理</h1>

            <!-- 数据统计卡片 -->
            <div class="stats-cards">
                <div class="stat-card video">
                    <div class="stat-title"><i class="fas fa-video"></i> 视频总数</div>
                    <div class="stat-value">8,542</div>
                </div>
                <div class="stat-card danmaku">
                    <div class="stat-title"><i class="fas fa-comment-dots"></i> 全部弹幕</div>
                    <div class="stat-value">124,680</div>
                </div>
                <div class="stat-card review">
                    <div class="stat-title"><i class="fas fa-check-circle"></i> 待审视频</div>
                    <div class="stat-value">286</div>
                </div>
                <div class="stat-card comment">
                    <div class="stat-title"><i class="fas fa-comments"></i> 全部评论</div>
                    <div class="stat-value">5,428</div>
                </div>
            </div>

            <!-- 新增的视频管理模块 -->
            <div class="video-management">
                <div class="management-header">
                    <h2 class="module-title">视频管理</h2>
                    <div class="management-tools">
                        <div class="search-filter">
                            <i class="fas fa-search"></i>
                            <input type="text" placeholder="搜索视频标题...">
                            <select>
                                <option>全部状态</option>
                                <option>已发布</option>
                                <option>待审核</option>
                                <option>已下架</option>
                            </select>
                        </div>
                    </div>
                </div>

                <table class="video-table">
                    <thead>
                        <tr>
                            <th class="checkbox-cell"><input type="checkbox"></th>
                            <th>视频标题</th>
                            <th class="thumbnail-cell">缩略图</th>
                            <th>时长</th>
                            <th>播放量</th>
                            <th>点赞数</th>
                            <th class="status-cell">状态</th>
                            <th class="actions-cell">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="checkbox-cell"><input type="checkbox"></td>
                            <td>2023年度最佳产品发布会精彩回顾</td>
                            <td class="thumbnail-cell">
                                <div class="video-thumbnail"
                                    style="background: linear-gradient(135deg, #8B5CF6, #3B82F6);">
                                    缩略图
                                </div>
                            </td>
                            <td>08:24</td>
                            <td>245,680</td>
                            <td>8,642</td>
                            <td class="status-cell"><span class="video-status status-published">已发布</span></td>
                            <td class="actions-cell">
                                <div class="table-actions">
                                    <div class="action-icon edit" title="上架"><i class="fas fa-edit"></i></div>
                                    <div class="action-icon delete" title="下架"><i class="fas fa-trash"></i></div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="checkbox-cell"><input type="checkbox"></td>
                            <td>如何快速掌握视频剪辑技巧 - 入门到精通</td>
                            <td class="thumbnail-cell">
                                <div class="video-thumbnail"
                                    style="background: linear-gradient(135deg, #EC4899, #8B5CF6);">
                                    缩略图
                                </div>
                            </td>
                            <td>12:45</td>
                            <td>183,245</td>
                            <td>6,245</td>
                            <td class="status-cell"><span class="video-status status-published">已发布</span></td>
                            <td class="actions-cell">
                                <div class="table-actions">
                                    <div class="action-icon edit" title="编辑"><i class="fas fa-edit"></i></div>
                                    <div class="action-icon delete" title="删除"><i class="fas fa-trash"></i></div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="checkbox-cell"><input type="checkbox"></td>
                            <td>公司新总部大楼建设进展实拍</td>
                            <td class="thumbnail-cell">
                                <div class="video-thumbnail"
                                    style="background: linear-gradient(135deg, #F59E0B, #EC4899);">
                                    缩略图
                                </div>
                            </td>
                            <td>05:36</td>
                            <td>158,734</td>
                            <td>5,124</td>
                            <td class="status-cell"><span class="video-status status-published">已发布</span></td>
                            <td class="actions-cell">
                                <div class="table-actions">
                                    <div class="action-icon edit" title="编辑"><i class="fas fa-edit"></i></div>
                                    <div class="action-icon delete" title="删除"><i class="fas fa-trash"></i></div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="checkbox-cell"><input type="checkbox"></td>
                            <td>企业文化宣传片 - 2023新版</td>
                            <td class="thumbnail-cell">
                                <div class="video-thumbnail"
                                    style="background: linear-gradient(135deg, #10B981, #0D9488);">
                                    缩略图
                                </div>
                            </td>
                            <td>07:18</td>
                            <td>129,482</td>
                            <td>4,532</td>
                            <td class="status-cell"><span class="video-status status-published">已发布</span></td>
                            <td class="actions-cell">
                                <div class="table-actions">
                                    <div class="action-icon edit" title="编辑"><i class="fas fa-edit"></i></div>
                                    <div class="action-icon delete" title="删除"><i class="fas fa-trash"></i></div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="checkbox-cell"><input type="checkbox"></td>
                            <td>2023年第三季度财务报告解读</td>
                            <td class="thumbnail-cell">
                                <div class="video-thumbnail"
                                    style="background: linear-gradient(135deg, #3B82F6, #0EA5E9);">
                                    缩略图
                                </div>
                            </td>
                            <td>12:30</td>
                            <td>86,452</td>
                            <td>3,245</td>
                            <td class="status-cell"><span class="video-status status-pending">待审核</span></td>
                            <td class="actions-cell">
                                <div class="table-actions">
                                    <div class="action-icon edit" title="编辑"><i class="fas fa-edit"></i></div>
                                    <div class="action-icon delete" title="删除"><i class="fas fa-trash"></i></div>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>

                <div class="pagination">
                    <button disabled><i class="fas fa-chevron-left"></i></button>
                    <button class="active">1</button>
                    <button>2</button>
                    <button>3</button>
                    <button>...</button>
                    <button>8</button>
                    <button><i class="fas fa-chevron-right"></i></button>
                    <div class="pagination-info">显示 1-10 条，共 8,542 条</div>
                </div>
            </div>

        </div>
		<div id="prompt"></div>
    </div>
</body>
<script src="js/backVideo.js"></script>
<script>
	$.ajax({
		url:"administorInfo",
		type:"post",
		success:function(data){
			$(".user-avatar").css({
				"background-image":"url("+data.data.avatarUrl+")",
				"background-size":"cover"
			}).text("");
			$(".username").text(data.data.nickname)
		}
	})
</script>
</html>